<!DOCTYPE html>
<html>
<head>

<meta charset="UTF-8">

<!-- 引入样式 -->
<link rel="stylesheet"
    href="https://unpkg.com/element-ui@2.13.1/lib/theme-chalk/index.css">

<script src="https://unpkg.com/vue@2.6.11/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui@2.13.1/lib/index.js"></script>
<script src="https://unpkg.com/axios@0.19.2/dist/axios.min.js"></script>

<title>Index</title>

<style type="text/css">

.block {
    border: 1px solid #ebebeb;
    border-radius: 3px;
    transition: .2s
}

</style>

</head>

<body>

	<div id="app" style="margin:100px 0px 0px 500px;width: 500px; text-align: center">


		<el-container > 
       	 <el-header class="block" style="line-height:50px">欢迎页</el-header> 
      		<el-main class="block">
				<el-row>
				  <el-col :span="24"><el-alert title="欢迎访问"  type="info"  :closable="false"  center> </el-alert> </el-col>
				</el-row>
				<el-row>
				  <el-col :span="12" :offset="6" style="margin-top: 10px" ><el-button type="primary" @click="login" >点击登录</el-button></el-col>
				</el-row> 
      		</el-main> 
    </el-container>

	</div>

</body>


<script>
var initProp = {

	    methods: {
          login(){
				  return toLogin();
			}
		 
	      }
	}



var Ctor1 = Vue.extend(initProp);
var initApp = new Ctor1().$mount('#app');


 function toLogin(){
	 window.location.href="/login.html";  
 }
</script>


</html>